<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<style>

    .shell{

        max-width: 1300px;
        column-count: 5;
        column-gap: 15px;
    }

    .shell .image{
        margin-bottom: 15px;
        border: 1px solid red;
    }

    .image img{
        width: 100%;
    }

    @media (max-width: 1200px) {
        .shell{
            column-count: 4;
        }
    }

    @media (max-width: 850px) {
        .shell{
            column-count: 3;
        }
    }

    @media (max-width: 600px) {
        .shell{
            column-count: 2;
        }
    }
</style>
<div class="shell">
    <div class="image"><img src="./imgs/1.png" alt=""></div>
    <div class="image"><img src="./imgs/2.png" alt=""></div>
    <div class="image"><img src="./imgs/3.png" alt=""></div>
    <div class="image"><img src="./imgs/4.png" alt=""></div>
    <div class="image"><img src="./imgs/5.png" alt=""></div>
    <div class="image"><img src="./imgs/11.jpg" alt=""></div>
    <div class="image"><img src="./imgs/12.jpg" alt=""></div>
    <div class="image"><img src="./imgs/5.png" alt=""></div>

</div>

</body>
</html>
